<template>
  <div class="red-dot-demo">
    <ZuiButton @click="showRedDot = !showRedDot">显示或隐藏隐藏</ZuiButton>
    <ZuiRedDot v-model:show="showRedDot">
      <ZuiButton>按钮</ZuiButton>
    </ZuiRedDot>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const showRedDot = ref(true)
</script>

<style lang="scss" scoped>
.red-dot-demo {
  padding: 20px;
}
</style>
